<!DOCTYPE html>
<html>
<head>
<title>人员变动统计</title>
<#include "/header.html">
</head>
<body>
<div id="rrapp" v-cloak>
    <template>
        <el-table
                :data="tableDatas"
                style="width: 100%"
                height="530"
                @cell-dblclick="bccelldblclick">
            <el-table-column
                    prop="month"
                    label="日期"
                    width="180">
            </el-table-column>
            <el-table-column label="人员变动">
                <el-table-column
                        prop="addEmp"
                        label="新进人员"
                        width="150">
                </el-table-column>
                <el-table-column
                        prop="changeDept"
                        label="部门变动"
                        width="150">
                </el-table-column>
                <el-table-column
                        prop="changeOffice"
                        label="职名变动"
                        width="150">
                </el-table-column>
                <el-table-column
                        prop="removeEmp"
                        label="人员减少"
                        width="150">
                </el-table-column>
                <el-table-column label="岗位变化">
                    <el-table-column
                            prop="changeExistEmp"
                            label="在岗变化"
                            width="150">
                    </el-table-column>
                    <el-table-column
                            prop="changeNotEmp"
                            label="不在岗变化"
                            width="150">
                    </el-table-column>
                </el-table-column>
            </el-table-column>
        </el-table>
    </template>
    <!--显示具体变动-->
    <el-dialog
                :visible.sync="dialogTableVisible"
                 width="80%">
        <el-table :data="gridData"
                  height="300"
                  border
                  style="width: 100%">
            <el-table-column property="empName" label="姓名" width="150"></el-table-column>

            <el-table-column v-if="colData[0].isShow" property="deptName" label="部门名" width="150"></el-table-column>
            <el-table-column v-if="colData[1].isShow" property="joinTypeStr" label="加入类型" width="150"></el-table-column>
            <el-table-column v-if="colData[2].isShow" property="office" label="调整后职名" width="150"></el-table-column>
            <el-table-column v-if="colData[3].isShow" property="officeAgo" label="原职名" width="150"></el-table-column>
            <el-table-column v-if="colData[4].isShow" property="deptName" label="调整后部门" width="150"></el-table-column>
            <el-table-column v-if="colData[5].isShow" property="deptNameAgo" label="原部门" width="150"></el-table-column>
            <el-table-column v-if="colData[6].isShow" property="statusStr" label="减少原因" width="150"></el-table-column>
            <el-table-column v-if="colData[7].isShow" property="causeStr" label="变化原因" width="150"></el-table-column>
            <el-table-column v-if="colData[8].isShow" property="changeDate" label="(不在岗/返岗)时间" width="150"></el-table-column>
            <el-table-column v-if="colData[9].isShow" property="name" label="审批人" width="150"></el-table-column>
            <el-table-column  property="operator" label="操作者" width="150"></el-table-column>
            <el-table-column  property="date" label="操作时间" width="150"></el-table-column>
        </el-table>
    </el-dialog>
  </span>
    </el-dialog>
</div>
<script src="https://cdn.bootcss.com/moment.js/2.20.1/moment.min.js"></script>
<script src="https://cdn.bootcss.com/moment.js/2.20.1/locale/zh-cn.js"></script>
<script  src="${request.contextPath}/statics/js/modules/function/emp_change_statistics_table.js?_${.now?long}"></script>
</body>
</html>